﻿/*********************************/
@keyframes logo {
	0% {left: -20px;}
	25% {left: 100px;}
	50% {left: 250px;}
	90%{left:450px;}
	100%{left:450px;}
}
@-webkit-keyframes logo {
	0% {left: -20px;}
	25% {left: 100px;}
	50% {left: 250px;}
	90%{left:450px;}
	100%{left:450px;}
}
@-o-keyframes logo {
	0% {left: -20px;}
	25% {left: 100px;}
	50% {left: 250px;}
	90%{left:450px;}
	100%{left:450px;}
}
/********************************/
body {
    font-size: 12px;
    margin: 0;
    color: #333;
}
:focus{
	outline:none;
}
a {text-decoration:none; color:#333;}
a:hover {text-decoration:underline; color:#e09719}
ul,li,form,ol,dl,dt,dd {margin:0; padding:0;}
td,th,font {font-size:12px;}
li {list-style:none;}
img{border:0;}
.pos {position:relative;}
.clear {clear:both; height:0; line-height:0; font-size:0; overflow:hidden;}
.red {color:#F00;}
.hui {color:#999;}
.undis {display:none;}
.YHfontX {font-family:'黑体','microsoft yahei',SimSun,Verdana,Arial;}
.YHfont {font-family:'microsoft yahei',SimSun,Verdana,Arial;}
.zero {line-height:0 !important; font-size:0 !important;}
.zoom {zoom:1; overflow:hidden;}
.ellips{overflow:hidden; white-space:nowrap;text-overflow: ellipsis;}
.allIsNomal,.allIsNomal *{
	margin:0;
	padding:0;
	font-weight:normal;
	font-style:normal;
	font-size:1em;
}
.controW{
	width:1150px;
	margin:0 auto;
}
.header{
	padding:15px 0;
}
.header h1{
	float:left;
	position:relative;
	overflow:hidden;
}
.header h1 img{
	width:390px;
	height:auto;
}
.header h1:before {
    content: "";
    position: absolute;
    width: 90px;
    height: 60px;
    top: 0;
    left: -80px;
    overflow: hidden;
    background: -moz-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.4)50%, rgba(255,255,255,0)100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.4)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.4)50%, rgba(255,255,255,0)100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.4)50%, rgba(255,255,255,0)100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.4)50%, rgba(255,255,255,0)100%);
    -webkit-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
    animation-name: logo;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-name: logo;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -o-animation-name: logo;
    -o-animation-duration: 1s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: infinite;
}

div.navmenu {margin:0 auto; padding-top:6px; float:right;}
div.navmenu td.line { width:1px; background-color:#919191;}
div.navmenu div.nav {text-align:center; position:relative;padding:4px 18px 2px; margin:0px 5px 0;}
div.navmenu div.nav:hover{background-color:#da2b30; border-radius:3px;box-shadow:2px 2px 2px #363636;}
div.navmenu a.nav {color:#686868; font-size:14px; display:block; line-height:18px;}
/**div.navmenu a.nav:hover{
	color:#ffc000;
}**/
.ndmenu { position:absolute; left:50%; top:38px; font-family:Arial, Helvetica, sans-serif; background-color:#da2b30;padding:5px 0; display:none; z-index:9999999; border-radius:3px;box-shadow:2px 2px 2px #363636;}
.ndmenu a{
	color:#FFF;
}
div.navmenu a.nav:hover,div.navmenu div.nav:hover a{text-decoration:none; color:#fff;}
.ndmenu li a {line-height:18px; display:block; font-size:12px; padding:2px 0;}
.ndmenu li a:hover { background-color:#de383c; color:#FFF; text-decoration:none;}
/****/
.top{
	height:27px;
	background-color:#363636;
}
.top *{
	color:#fff;
}
.top dd{
	overflow:hidden;
	zoom:1;
	
}
.top dd div{
	float:right;
	line-height:27px;
	padding:0 37px 0 0;
	margin-right:3px;
}
.top dd div i{
	display:inline-block;
	width:13px;
}
.top dd div b{
	margin-left:5px;
	font-size:16px;
	cursor:pointer;
}
.wechatqrcode{
    position:absolute;
    z-index:999;
}
.wechatqrcode img{
    width:100px;
    display:block;
    height:auto;
}
.wechatqrcode dt{
	padding-right:20px;
}
.wechatqrcode dt i{
	float:right;
	display:block;
	width: 0px;
    height: 0px;
    border-bottom: 8px solid #868686;
    border-top: 8px solid transparent;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}
.wechatqrcode dd{
    border:4px solid #868686;
    border-radius:4px;
    padding:3px;
    line-height:1.5;
    background-color:#fff;
}
.blo2{
	margin-top:18px;
}
.blo2 .left{
	float:left;
	width:808px;
}
.blo2 .right{
	float:right;
	width:310px;
}
.bstyle3{
	border-bottom:1px solid #e5e5e5;
	padding-bottom:2px;
}
.bstyle3 dd{
	background-color:#f5f5f5;
	line-height:42px;
	padding-left:13px;
}
.bstyle3 dd span{
	color: #adadad;
	font-family: Arial, Helvetica, sans-serif;
	display:block;
	float:left;
	
}
.bstyle3 dd span b{
	padding-right: 10px;
	color: #c4261d;
	font-size:14px;
}
.bstyle3 dd span b i{
	margin-right:4px;
}
.bstyle3 dd h6{
	float:right;
	padding-right:15px;
}
.bstyle3 dd h6 a{
}
.bstyle4{
	height:42px;
	line-height:42px;
	border-bottom:1px solid #d9d9d9;
}
.bstyle4 dd.allIsNomal{
	float:left;
	height:41px;
	border-bottom:3px solid #c4c4c4;
}
.bstyle4 dd.allIsNomal i{
	display:block;
	float:left;
	font: 38px Arial, Helvetica, sans-serif;
    color: #c5271e;
    font-weight: bold;
}
.bstyle4 dd.allIsNomal span{
	display:block;
	float:left;
	line-height:1;
	color: #b1b1b1;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-top:2px;
	padding-right:30px;
}
.bstyle4 dd.allIsNomal span b{
	font-weight:bold;
	color:#333;
}
.bstyle4 dt{
	float:right;
}

.blo3{
	padding-top:25px;
}
.blo3 .cate{
	float:left;
	
}
.blo3 .cate li{
	padding-bottom:5px;
}
.blo3 .cate li a{
	white-space:nowrap;
	display:block;
	border:1px solid #cf4e47;
	color:#c5271e;
	line-height:30px;
	font-size:14px;
	padding:0 0 0 30px;
}
.blo3 .cate li a i{
	color:#ca3830;
	margin-right:7px;
}
.blo3 .cate li a:hover{
	text-decoration:none;
	
	background-color:#cf4e47;
}
.blo3 .cate li a:hover *{
	color:#fff;
}
.blo3 dl{
	float:right;
	width:573px;
}
.blo3 dt{
	font-size:14px;
	line-height:1.5;
	padding-top:2px;
}
.blo3 dd{
	line-height:2;
	padding:8px 15px 0 0;
}
.blo3 dd div *{
	margin:0;
	padding:0;
}
.blo3 dd div img{
	margin-right:10px;
}
.blo3 dd h5.allIsNomal{
	line-height:1;
	padding-top:12px;
}
.blo3 dd h5.allIsNomal a{
	color: #c5271e;
}

.bstyle2{
	position:relative;
	height:60px;
	margin-top:40px;
}
.bstyle2 dt{
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	height:2px;
}
.bstyle2 dd{
	position:absolute;
	top:-15px;
	left:50%;
	width:106px;
	margin-left:-53px;
	background-color:#fff;
	line-height:1;
	text-align:center;
}
.bstyle2 dd h1{
	font-size:18px;
	color:#000;
	font-weight:bold;
	line-height:30px;
}
.bstyle2 dd h2{
	color: #c0bfbf;
	font-size:14px;
	line-height:22px;
}
.bstyle2 dd div{
	padding-top:2px;
}
.bstyle2 dd div a{
	display:inline-block;
	color:#fff;
	line-height:18px;
	vertical-align:middle;
}

.bstyle2 dd div a b{
	display:inline-block;
	background-color:#c4261d;
	vertical-align:middle;
	height:18px;
	padding:0 5px 0 10px;
}
.bstyle2 dd div a i{
	vertical-align:middle;
	display:inline-block;
	width: 0px;
    height: 0px;
    border-top: 9px solid #c4261d;
    border-left: 7px solid #c4261d;
    border-bottom: 9px solid transparent;
    border-right: 7px solid transparent;
	
}
.bstyle2 dd div a:hover{
}
.bstyle2 dd div a:hover b{
	background-color:#565656;
}
.bstyle2 dd div a:hover i{
	border-top: 9px solid #565656;
    border-left: 7px solid #565656;
}
.case{
	overflow:hidden;
}
.case dt{
	float:left;
	width:14px;
	height:94px;
	background-image:url(../pic/g1.gif);
	margin-top:67px;
}
.case dt.rig{
	background-position:-14px 0;
	float:right;
}
.case dd{
	width:1122px;
	float:left;
	padding-top:22px;
}
#demoleft__{
}
#demoleft__ .nonm4{
	margin:0 18px;
}
#demoleft__ .nonm5{
	text-align:center;
	line-height:2;
	padding-top:4px;
}

.blo1{
}
.bstyle1 {
    margin-top: 28px;
}
.bstyle1 dt {
    text-align: center;
    font-size: 18px;
}
.bstyle1 dd {
    border-bottom: 1px solid #c5271e;
    position: relative;
    height: 24px;
}
.bstyle1 dd div {
    position: absolute;
    left: 50%;
    width: 170px;
    margin-left: -85px;
    border-bottom: 5px solid #c5271e;
    bottom: -3px;
    text-align: center;
    height: 20px;
}
.bstyle1 dd div strong {
    font-size: 24px;
    color: #c5271e;
    line-height: 1;
    display: inline-block;
    padding: 0 10px;
    background-color: #fff;
    height: 30px;
}
.bstyle1 dt span {
    background: url(../pic/j1.jpg) 0 bottom no-repeat;
    width: 362px;
    height: 46px;
    margin: 0 auto;
    display: block;
}
.partner ul {
    width: 876px;
    margin: 0 auto;
    padding: 18px 0;
}
.partner li {
    float: left;
    padding: 12px 10px;
}
.partner li img{
	width:104px;
	height:49px;
}

.cert{
	margin-top:34px;
	overflow:hidden;
}
.cert dt{
	float:left;
	width:14px;
	height:59px;
	background-image:url(../pic/g2.gif);
	margin-top:55px;
	cursor:pointer;
}
.cert dt.rig{
	float:right;
	background-position:right 0;
}
.cert dd{
	float:left;
	width:282px;
	
	
}
.cert dd div{
	width:256px;
	margin:0 auto;
	overflow:hidden;
}
.cert dd div ul{
}
.cert dd div li{
	float:left;
	width:256px;
}
.cert dd div li a{
	display:block;
}
.cert dd div li a h1{
}
.cert dd div li a h1 img{
	width:100%;
	height:170px;
}
.cert dd div li a h2{
	line-height:2;
	text-align:center;
	padding-top:10px;
}
#demoleft{
}
#demoleft .nonm4{
	margin:0 15px;
	padding:2px;
	border:1px solid #ddd;
}
#demoleft .nonm5{
	text-align:center;
	line-height:2;
	padding-top:8px;
}

.blo4{
	background:url(../pic/j2.jpg) left top repeat-x;
	margin-top:22px;
	padding-top:35px;
}
.blo4 .controW{
}
.blo4 .controW .left{
	float:left;
	width:290px;
}
.jsjl{
}
.jsjl dl{
	border-bottom:1px dashed #cfcfcf;
	padding-top:15px;
}
.jsjl dt{
	height:19px;
	line-height:19px;
	background:url(../pic/w.gif) left center no-repeat;
	padding-left:49px;
}
.jsjl dd{
	padding-top:11px;
	padding-bottom:19px;
}
.jsjl dd i{
	display:block;
	float:left;
	width:38px;
	height:19px;
	background:url(../pic/d.gif);
}
.jsjl dd a{
	display:block;
	float:right;
	width:241px;
	line-height:22px;
}

.blo4 .controW .right{
	width:818px;
	float:right;
}
.blo4 .controW .right dl.YHfont{
	border-bottom:1px solid #cdcdcd;
	padding-bottom:5px;
}
.blo4 .controW .right dl.YHfont dd{
	float:left;
}

.blo4 .controW .right dl.YHfont dd a{
	width:142px;
	height:36px;
	line-height:36px;
	display:block;
	color: #000;
	font-weight:bold;
	font-size:14px;
	text-align:center;
}
.blo4 .controW .right dl.YHfont dd.curr a{
	background:url(../pic/news_cur.gif);
	color:#fff;
}
.blo4 .controW .right dl.YHfont dt{
	float:right;
	line-height:1;
	padding-top:18px;
}
.blo4 .controW .right dl.YHfont dt a{
	font-family:Arial, Helvetica, sans-serif;
}
.blo4 .controW .right div{
	padding-top:32px;
	overflow:hidden;
	display:none;
}
.blo4 .controW .right div dl{
}
.blo4 .controW .right div dt{
	float:left;
}
.blo4 .controW .right div dt img{
	width:219px;
	height:144px;
}
.blo4 .controW .right div dd{
	float:right;
	width:575px;
}
.blo4 .controW .right div dd h1{
	line-height:2;
	padding-top:5px;
}
.blo4 .controW .right div dd h1 a{
	font-weight:bold;
}
.blo4 .controW .right div dd p{
	line-height:23px;
	padding:5px 0;
}
.blo4 .controW .right div dd h2{
	line-height:2;
}
.blo4 .controW .right div dd h2 a{
	color:#c5271e;
}
.blo4 .controW .right div ul{
	margin-top:20px;
	height:204px;
	background:url(../pic/news_line.gif) 47% center no-repeat;
}
.blo4 .controW .right div li{
	float:left;
	width:50%;
	line-height:34px;
	vertical-align:middle;
}
.blo4 .controW .right div li i{
	display:inline-block;
	width:7px;
	height:7px;
	border:1px solid #c72d24;
	border-radius:7px;
	margin-right:9px;
}
.blo4 .controW .right div li a:hover{
	color:#c72d24;
}


.procla { padding:10px 0 15px 0px;}
.procla div {
    padding-left: 47px;
	background:url(../pic/j3.jpg) 0 -34px repeat-x;
	border: solid 1px #e2e2e2;
	margin: 7px 16px;
	line-height: 31px;
}
.procla div *{
	color:#6a6a6a;
}
.procla div .fa{
	margin-right:5px;
	opacity:0.6;
	filter:alpha(opacity=60);
}
.procla div a {font-size:14px;}

.procla222 {
	padding:13px 0 0 0px;
}
.procla222 div {
    padding-left: 30px;
	padding-bottom:2px;
	background:url(../pic/3.jpg) left 1px no-repeat;
	height:26px;
	line-height: 26px;
}


.index-news { padding:10px 0px 0 0px;}
.index-news div {line-height:22px; padding:0 0 2px 2px;}
.index-news .sp1 { display:inline-block; width:246px;}
.index-news .sp2 {
}

.index-pic{
	padding:14px 0 0 0;
}
.index-pic .nonm4 { margin:0 11px 0; border:1px solid #d2d2d2; padding:4px;}
.index-pic .nonm4 a.x{display:block;}
.index-pic .nonm4 a.x em{
	display:block;
	text-align:center;
	background-color:#ddd;
	overflow:hidden;
}
.index-pic .nonm4 img{display:block; vertical-align:top; margin:0 auto;}
.index-pic div.nonm4 div{
}
.index-pic div.nonm4 div *{
	margin:0;
	padding:0;
	font-size:1em;
	font-weight:normal;
	font-style:normal;
}
.index-pic div.nonm4 div p{
	text-align:center;
	line-height:100%;
	padding:7px 0 2px;
}
.index-pic div.nonm4 div p a{
}
.index-pic div.nonm4 div h1{
	
	zoom:1;
	overflow:hidden;
	padding-bottom:2px;
}
.index-pic div.nonm4 div h1 a{
	color:#fff;
	width:50px;
	height:22px;
	line-height:22px;
	border-radius:3px;
	background-color:#ff6600;
	display:block;
	float:right;
	display:block;
	text-align:center;
}
.index-pic div.nonm4 div h1 a:hover{
	text-decoration:none;
	background-color:#ff1e00;
}

.foot{
    border-top:5px solid #c5271e;
    background-color:#3c3c3c;
	margin-top:16px;
}
.foot ul.zoom.controW{
    padding:21px 0 40px;
}
.foot ul.zoom.controW li{
    float:left;
    width:140px;
	padding-right:10px;
}
.foot ul.zoom.controW li.qr{
	float:right;
    padding:7px 40px 0 0;
}
.foot ul.zoom.controW li.qr h1{
	border:4px solid #fff;
	font-size:0;
}
.foot ul.zoom.controW li.qr img{
    width:100%;
	height:auto;
    max-height:150px;
}
li.friendlink{
	width:160px !important;
}
.foot ul.zoom.controW li dl{
    line-height:24px;
    padding:0 0 0 42px;
}
.foot ul.zoom.controW li dt{
    color:#fff;
}
.foot ul.zoom.controW li dd{

}
.foot ul.zoom.controW li dd a{
    color:#808080;
}
.foot dl.allIsNomal{
    background-color:#2b2b2b;
}
.foot dl.allIsNomal dd{
    line-height:1.5;
    padding:10px 0;
    color:#808080;
}
.foot dl.allIsNomal dd *{
    color:#808080
}


/********** 浮动QQ客服 **************/
/********************************/
/*green*/
.qd-wrap-green {background-color:#138907; padding:5px; min-width:116px; _overflow:visible; _width:116px;}
.qd1-green { border:1px solid #9cd052; background-color:#138907; color:#FFF; font-size:12px; font-weight:bold; text-align:center; padding:5px 0 2px}
.qd2-green {background-color:#FFF; padding:5px 10px;}
.qd2-green ul li {zoom:1; overflow:hidden; white-space:nowrap; padding:3px 0; line-height:22px}
.qd2-green ul li .qlid1 {float:left; padding:0 5px 0 0;}
.qd2-green ul li .qlid2 {float:left; padding:0 0 0 2px;}
/*blue*/
.qd-wrap-blue {background-color:#10426b; padding:5px; min-width:116px; _overflow:visible; _width:116px;}
.qd1-blue { border:1px solid #3a708d; background-color:#123e70; color:#FFF; font-size:12px; font-weight:bold; text-align:center; padding:5px 0 2px}
.qd2-blue {background-color:#FFF; padding:5px 10px;}
.qd2-blue ul li {zoom:1; overflow:hidden; white-space:nowrap; padding:3px 0; line-height:22px}
.qd2-blue ul li .qlid1 {float:left; padding:0 5px 0 0;}
.qd2-blue ul li .qlid2 {float:left; padding:0 0 0 2px;}
/********************************/
/***********************************/


.alpha80 {
	filter: alpha(opacity:80);
	KHTMLOpacity: 0.80;
	MozOpacity: 0.80;
	opacity: 0.80;
	background-color:#000;
}
.backlayer {position:absolute; left:0; top:0; width:100%;z-index:10000000}
.nnnttt {border-collapse:collapse;}
.nnnttt td {border:1px solid #000;}
#xjj {border:3px solid #000; position:fixed; _position:absolute; left:50%; top:50%; z-index:20000000; background-color:#FFF; padding:0px;}

/********************************************/
#slider {
	position:relative;
    height:540px;
	background-size:100% 540px !important;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:50%;
	bottom:15px;
}
.nivo-controlNav a {
	display:block;
	width:40px;
	height:10px;
	background-color:#fff;
	text-indent:-9999px;
	border:0;
	margin-right:4px;
	float:left;
	opacity:0.9;
	filter:alpha(opacity=90);
}
.nivo-controlNav a.active {
	background-color:#d72e2b;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../pic/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background:url(../pic/arrows.png) -30px 0 no-repeat;
	right:25px;
}
a.nivo-prevNav {
	left:25px;
}

.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}

/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:50%;
	z-index:99;
	cursor:pointer;
	margin-top:-15px;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}